#インターフェース: デフォルト
#階層
#プロパティ
#アニメーション
•アニメーション:false
|AnimationSpec
<キーオフChartTypeRegistry
> & {onComplete?
:(this
:Chart
<キーオフChartTypeRegistry
、(number
| [number
、number
] |Point
|BubbleDataPoint
)[]、unknown
>、event
:AnimationEvent
) =>void
;onProgress?
:(this
:Chart
<キーオフChartTypeRegistry
、(number
| [number
、number
] |Point
|BubbleDataPoint
)[]、unknown
>、event
:AnimationEvent
) =>void
}
#継承元
#で定義
タイプ/index.d.ts:1716 (新しいウィンドウが開きます)
#アニメーション
•アニメーション:AnimationsSpec
<キーオフChartTypeRegistry
>
#継承元
#で定義
タイプ/index.d.ts:1726 (新しいウィンドウが開きます)
#アスペクト比
•アスペクト比:number
キャンバスのアスペクト比 (つまり、幅 / 高さ、値 1 は正方形のキャンバスを表します)。高さが属性またはスタイルによって明示的に定義されている場合、このオプションは無視されることに注意してください。
Default
2
#継承元
#で定義
タイプ/index.d.ts:1614 (新しいウィンドウが開きます)
#背景色
•背景色:Scriptable
<Color
、ScriptableContext
<キーオフChartTypeRegistry
>>
基本の背景色
See
デフォルト.背景色
#継承元
#で定義
タイプ/index.d.ts:1583 (新しいウィンドウが開きます)
#ボーダの色
•ボーダの色:Scriptable
<Color
、ScriptableContext
<キーオフChartTypeRegistry
>>
基本の枠線の色
See
デフォルト.borderColor
#継承元
#で定義
タイプ/index.d.ts:1588 (新しいウィンドウが開きます)
#クリップ
•クリップ:number
|false
|ChartArea
chartArea を基準にしてクリップする方法。正の値はオーバーフローを許可し、負の値は chartArea 内の多くのピクセルをクリップします。 0 = chartArea でクリップします。クリッピングは側面ごとに構成することもできます。clip: {left: 5, top: false, right: -2, bottom: 0}
#継承元
#で定義
タイプ/index.d.ts:1572 (新しいウィンドウが開きます)
#色
•色:Scriptable
<Color
、ScriptableContext
<キーオフChartTypeRegistry
>>
ベースカラー
See
デフォルトの色
#継承元
#で定義
タイプ/index.d.ts:1578 (新しいウィンドウが開きます)
#データセット
•データセット:Object
#型宣言
#継承元
#で定義
タイプ/index.d.ts:1559 (新しいウィンドウが開きます)
#デバイスピクセル比
•デバイスピクセル比:number
ウィンドウのデフォルトの devicePixelRatio をオーバーライドします。
Default
window.devicePixelRatio
#継承元
#で定義
タイプ/index.d.ts:1631 (新しいウィンドウが開きます)
#要素
•要素:ElementOptionsByType
<キーオフChartTypeRegistry
>
#継承元
ElementChartOptions.elements
#で定義
タイプ/index.d.ts:2106 (新しいウィンドウが開きます)
#イベント
•イベント: キーオフHTMLElementEventMap
[]
events オプションは、チャートがツールチップとホバリングをリッスンするブラウザー イベントを定義します。
Default
['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']
#継承元
#で定義
タイプ/index.d.ts:1641 (新しいウィンドウが開きます)
#フォント
•フォント:Partial
<FontSpec
>
基本フォント
See
デフォルトのフォント
#継承元
#で定義
タイプ/index.d.ts:1593 (新しいウィンドウが開きます)
#ホバリング
•ホバリング:CoreInteractionOptions
#継承元
#で定義
タイプ/index.d.ts:1635 (新しいウィンドウが開きます)
#インデックス軸
•インデックス軸:"x"
|"y"
チャートの基本軸。垂直グラフの場合は「x」、水平グラフの場合は「y」です。
Default
'バツ'
#継承元
#で定義
タイプ/index.d.ts:1567 (新しいウィンドウが開きます)
#交流
#継承元
#で定義
タイプ/index.d.ts:1633 (新しいウィンドウが開きます)
#レイアウト
•レイアウト:Partial
<{autoPadding
:boolean
;padding
:Scriptable
<Padding
、ScriptableContext
<キーオフChartTypeRegistry
>> }>
#継承元
#で定義
タイプ/index.d.ts:1653 (新しいウィンドウが開きます)
#ロケール
•ロケール:string
数値の書式設定に使用されるロケール (使用Intl.NumberFormat
)。
Default
ユーザーのブラウザ設定
#継承元
#で定義
タイプ/index.d.ts:1620 (新しいウィンドウが開きます)
#アスペクト比を維持
•アスペクト比を維持:boolean
サイズ変更時に元のキャンバスの縦横比 (幅 / 高さ) を維持します。
Default
真実
#継承元
#で定義
タイプ/index.d.ts:1603 (新しいウィンドウが開きます)
#正規化された
•正規化された:boolean
Chart.js は、データセット間で一意で並べ替えられ、一貫性のあるインデックスをデータに提供し、それを Chart.js に知らせるための Normalized: true オプションを提供すると最速になります。
#継承元
#で定義
タイプ/index.d.ts:63 (新しいウィンドウが開きます)
#解析する
•解析する:false
| {[key: string]
:string
; }
データセットを解析する方法。解析は、チャート オプションまたはデータセットで parsing: false を指定することで無効にできます。解析が無効になっている場合は、関連するグラフの種類とスケールが内部で使用する形式でデータを並べ替える必要があります。
#継承元
#で定義
タイプ/index.d.ts:54 (新しいウィンドウが開きます)
#プラグイン
•プラグイン:PluginOptionsByType
<キーオフChartTypeRegistry
>
#継承元
#で定義
タイプ/index.d.ts:2915 (新しいウィンドウが開きます)
#サイズ変更遅延
•サイズ変更遅延:number
サイズ変更の更新を指定したミリ秒単位で遅らせます。これにより、要素の更新がデバウンスされるため、サイズ変更プロセスが容易になります。
Default
0
#継承元
#で定義
タイプ/index.d.ts:1608 (新しいウィンドウが開きます)
#応答性の高い
•応答性の高い:boolean
チャート キャンバスのコンテナーのサイズが変更されるときに、チャート キャンバスのサイズも変更されます (重要な注意...)。
Default
真実
#継承元
#で定義
タイプ/index.d.ts:1598 (新しいウィンドウが開きます)
#規模
•規模:ScaleOptionsByType
<キーオフScaleTypeRegistry
>
#で定義
タイプ/index.d.ts:668 (新しいウィンドウが開きます)
#天秤
•天秤:Object
#型宣言
名前 | タイプ |
---|---|
category | {type :"category" } &Omit <CartesianScaleOptions 、"max" |"min" > & {labels :string [] |string [][] ;max :string |number ;min :string |number } |
linear | {type :"linear" } &CartesianScaleOptions & {beginAtZero :boolean ;grace? :string |number ;suggestedMax? :number ;suggestedMin? :number ;ticks : {count :number ;format :NumberFormatOptions ;precision :number ;stepSize :number } } |
logarithmic | {type :"logarithmic" } &CartesianScaleOptions & {suggestedMax? :number ;suggestedMin? :number ;ticks : {format :NumberFormatOptions } } |
radialLinear | {type :"radialLinear" } &CoreScaleOptions & {angleLines : {borderDash :godf5b23-bed9-41bd-8d16-956ef5e71698<number []、ScriptableScaleContext > ;borderDashOffset :Scriptable <number 、ScriptableScaleContext > ;color :Scriptable <Color 、ScriptableScaleContext > ;display :boolean ;lineWidth :Scriptable <number 、ScriptableScaleContext > } ;animate :boolean ;backgroundColor :Color ;beginAtZero :boolean ;5476デカ-51d6-4590-b1f9-bb1a7841df34:Partial <GridLineOptions > ;max :number ;min :number ;pointLabels : {backdropColor :Scriptable <Color 、ScriptableScalePointLabelContext > ;backdropPadding :Scriptable <number |ChartArea 、ScriptableScalePointLabelContext > ;borderRadius :Scriptable <number |BorderRadius 、ScriptableScalePointLabelContext > ;callback :(label :string 、index :number ) =>string |number |string [] |number [] ;centerPointLabels :boolean ;color :Scriptable <Color 、ScriptableScalePointLabelContext > ;display :boolean |"auto" ;font :ScriptableAndScriptableOptions <Partial <FontSpec >、ScriptableScalePointLabelContext > ;padding :Scriptable <number 、ScriptableScalePointLabelContext > } ;startAngle :number ;suggestedMax :number ;suggestedMin :number ;ticks :RadialTickOptions } |
time | {type :"time" } &Omit <CartesianScaleOptions 、"max" |"min" > & {adapters : {date :unknown } ;bounds :"data" |"ticks" ;max :string |number ;min :string |number ;offsetAfterAutoskip :boolean ;suggestedMax :string |number ;suggestedMin :string |number ;ticks : {source :"data" |"auto" |"labels" ;stepSize :number } ;time : {displayFormats : {[key: string] :string ; } ;isoWeekday :number |boolean ;minUnit :TimeUnit ;parser :string | (v :unknown ) =>number ;round :false |TimeUnit ;tooltipFormat :string ;unit :false |TimeUnit } } |
timeseries | {type :"timeseries" } &Omit <CartesianScaleOptions 、"max" |"min" > & {adapters : {date :unknown } ;bounds :"data" |"ticks" ;max :string |number ;min :string |number ;offsetAfterAutoskip :boolean ;suggestedMax :string |number ;suggestedMin :string |number ;ticks : {source :"data" |"auto" |"labels" ;stepSize :number } ;time : {displayFormats : {[key: string] :string ; } ;isoWeekday :number |boolean ;minUnit :TimeUnit ;parser :string | (v :unknown ) =>number ;round :false |TimeUnit ;tooltipFormat :string ;unit :false |TimeUnit } } |
#で定義
タイプ/index.d.ts:669 (新しいウィンドウが開きます)
#トランジション
•トランジション:TransitionsSpec
<キーオフChartTypeRegistry
>
#継承元
#で定義
タイプ/index.d.ts:1727 (新しいウィンドウが開きます)
#メソッド
#説明
▸説明(scope
、values
):AnyObject
#パラメーター
名前 | タイプ |
---|---|
scope | string |
values | AnyObject |
#戻り値
AnyObject
#で定義
タイプ/index.d.ts:677 (新しいウィンドウが開きます)
#得る
▸得る(scope
):AnyObject
#パラメーター
名前 | タイプ |
---|---|
scope | string |
#戻り値
AnyObject
#で定義
タイプ/index.d.ts:675 (新しいウィンドウが開きます)
#オンクリック
▸オンクリック(event
、elements
、chart
):void
イベントのタイプが「mouseup」または「click」の場合に呼び出されます。イベント、アクティブな要素の配列、およびチャートを渡します。
#パラメーター
名前 | タイプ |
---|---|
event | ChartEvent |
elements | ActiveElement [] |
chart | Chart <キーオフChartTypeRegistry 、(number | [number 、number ] |Point |BubbleDataPoint )[]、unknown > |
#戻り値
void
#継承元
#で定義
タイプ/index.d.ts:1651 (新しいウィンドウが開きます)
#オンホバー
▸オンホバー(event
、elements
、chart
):void
いずれかのイベントが発生すると呼び出されます。イベント、アクティブな要素の配列 (棒、点など)、およびチャートを渡します。
#パラメーター
名前 | タイプ |
---|---|
event | ChartEvent |
elements | ActiveElement [] |
chart | Chart <キーオフChartTypeRegistry 、(number | [number 、number ] |Point |BubbleDataPoint )[]、unknown > |
#戻り値
void
#継承元
#で定義
タイプ/index.d.ts:1646 (新しいウィンドウが開きます)
#サイズ変更時
▸サイズ変更時(chart
、size
):void
サイズ変更が発生したときに呼び出されます。渡された 2 つの引数、チャート インスタンスと新しいサイズを取得します。
#パラメーター
名前 | タイプ |
---|---|
chart | Chart <キーオフChartTypeRegistry 、(number | [number 、number ] |Point |BubbleDataPoint )[]、unknown > |
size | Object |
size.height | number |
size.width | number |
#戻り値
void
#継承元
#で定義
タイプ/index.d.ts:1625 (新しいウィンドウが開きます)
#オーバーライド
▸オーバーライド(scope
、values
):AnyObject
#パラメーター
名前 | タイプ |
---|---|
scope | string |
values | AnyObject |
#戻り値
AnyObject
#で定義
タイプ/index.d.ts:678 (新しいウィンドウが開きます)
#ルート
▸ルート(scope
、name
、targetScope
、targetName
):void
名前付きデフォルトを別のスコープ/名前にフォールバックするようにルーティングします。 このルーティングは、defaults.color などのターゲット値が実行時に変更される場合に役立ちます。 値がコピーされると、実行時の変更は有効になりません。ルーティングにより、 フォールバックはアクセスごとに評価されるため、常に最新の状態になります。
例:
defaults.route('elements.arc', 'backgroundColor', '', 'color')
- ローカルで定義されていない場合は、defaults.color からbackgroundColorを読み取ります
#パラメーター
名前 | タイプ | 説明 |
---|---|---|
scope | string | このルートが適用される範囲。 |
name | string | ここで定義されていない場合、別の名前空間にルーティングされるプロパティ名。 |
targetScope | string | これらのプロパティがルーティングされる名前空間。空の文字列 ('') はデフォルトのルートです。 |
targetName | string | プロパティがルーティングされるターゲット スコープ内のターゲット名。 |
#戻り値
void
#で定義
タイプ/index.d.ts:697 (新しいウィンドウが開きます)
#設定
▸設定(values
):AnyObject
#パラメーター
名前 | タイプ |
---|---|
values | AnyObject |
#戻り値
AnyObject
#で定義
タイプ/index.d.ts:673 (新しいウィンドウが開きます)
▸設定(scope
、values
):AnyObject
#パラメーター
名前 | タイプ |
---|---|
scope | string |
values | AnyObject |
#戻り値
AnyObject
#で定義
タイプ/index.d.ts:674 (新しいウィンドウが開きます)